<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>高校丘比特</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <style>
        #img{
            background-size: cover;
            background-repeat: no-repeat;
            height: 100%;
            width: 100%;
            z-index: 1;
            position: absolute;
            opacity: 0.7;
        }
        #text{
            z-index: 2;
            position: absolute;
        }
    </style>
</head>
<body>
<img th:src="@{/img/indexBackground.jpg}" alt="" id="img">
<div class="container" style="padding-top: 10%;">
    <div class="ui segment basic red" id="text" style="margin-left: 60%">
        <span style="font-size: 40px;letter-spacing: 4px;color: #008Eb7;font-family: '微軟正黑體 Light'">您的商品已发放</span><a th:href="@{/user/index}"><i class="ui reply icon"></i>返回首页</a>
    </div>
</div>
</body>
</html>

